/*基本信息*/
body {
 font-family:arial,helvetica,clean,sans-serif;
 margin:0px;
 text-align:center;
 background:#FFF;
 font-size:12px;
 color:#666666;
}

input,textarea {
  font-size:12px;
}

a {
  float:left;
  text-decoration:none;
  color:#077D02;
  cursor:pointer;
}

a:hover {
  text-decoration:underline;
}

img {border:none;}

div,dl,dt,dd,p,b {
  margin:0px;
  float:left;
}

/*页面层容器*/
#integer {
 width:1000px;
 margin:0px auto;
 float:none;
}

#head {
  width:900px;
  height:127px;
  float:none;
  margin:auto;
  background:url(/images/application/top.jpg) no-repeat;
}

#mainstay {
  width:900px;
  margin-top:20px;
  float:none;
  margin:30px auto 0px auto;
}

#page {
  margin-top:0px;
}

/*--------------------------功能条-------------------------------*/
#mainstay .functional {
  width:147px;
  border-bottom:1px solid #C4D5DF;
}

/*帐号*/
#mainstay .functional .classify {
  width:145px;
  border:1px solid #C4D5DF;
  border-bottom:0px;
  padding-bottom:5px;
}

/*functional's' title and monomer property*/
#mainstay .functional .monomer {
  background: url("/images/application/nav_bar_item_bg.png") no-repeat scroll 2000px 2000px transparent;
  background-position: 0px -169px;
  width:112px;
  line-height:20px;
  height:20px;
  color:#659CBB;
  margin:5px 5px 0px;  
  padding-left: 25px;  
  text-align:left;
}

#mainstay .functional .sub_monomer {
  width:112px;
  line-height:20px;
  height:20px;
  color:#077D02;
  line-height:17px;
  margin:5px 5px 0px;  
  padding-left: 25px;  
  text-align:left;
}

#mainstay .functional .sub_monomer:hover,
#mainstay .functional .sub_h {
  background-color:#CCE7FC;
  color: #FFFFFF;
  border-radius: 3px 3px 3px 3px;
}

#mainstay .functional .sub_monomer span {
  float:left;
  color:#077D02;
  line-height:20px;
  height:20px;
  margin-left:10px;
  text-decoration:underline;
}

#mainstay .functional .sub_monomer b {
    background-color: #077D02;
    border-radius: 4px 4px 4px 4px;
    color: white;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    margin-top: 3px;
    padding:1px 4px 1px 4px;
}


#mainstay .functional .uncompleted span {
  color:#AD1003;
}

#mainstay .functional .uncompleted b {
  background-color:#AD1003;
}

#mainstay .functional .date_out span {
  color:#FF4400;
}

#mainstay .functional .date_out b {
  background-color:#FF4400;
}

#mainstay .functional .enter_exception span,
#mainstay .functional .being_sent_to_installer span,
#mainstay .functional .being_sent_to_factory span {
  color:#EF0404;
}

#mainstay .functional .enter_exception b,
#mainstay .functional .being_sent_to_installer b,
#mainstay .functional .being_sent_to_factory b {
  background-color:#EF0404;
}

#mainstay .functional .after_serviced span,
#mainstay .functional .being_order_made span {
  color:gray;
}

#mainstay .functional .after_serviced b,
#mainstay .functional .being_order_made b {
  background-color:gray;
}

#mainstay .functional .sub_monomer span {
  float:left;
}

#mainstay .functional .sub_monomer b {
  float:right;
}

#mainstay .functional .title {
  width:145px;
  height: 27px;
  line-height: 27px;
  font-weight:bold;
  background:url(/images/application/title_background.jpg);
  position: relative;
}

#mainstay .functional .title span {
  float:left;
  margin-left:30px;
}

#mainstay .functional .title a.add {
  background: url("/images/application/nav_bar_item_bg.png") no-repeat scroll 2000px 2000px transparent;
  background-position: -20px -200px;
}

#mainstay .functional .title a.sub {
  background: url("/images/application/nav_bar_item_bg.png") no-repeat scroll 2000px 2000px transparent;
  background-position: 0 -200px;
}

#mainstay .functional .title a.button {
  display:block;
  width:10px;
  height:10px;;
  float:none;
  position: absolute;
  top: 9px;
  left: 6px;
  text-indent: -999em;
}

#mainstay .functional a.h,
#mainstay .functional a.monomer:hover {
  display:block;
  color:#FFF;
  background: url("/images/application/nav_bar_item_bg.png") no-repeat scroll 2000px 2000px transparent;
  background-color:#7DB3E1;
  border-radius: 3px 3px 3px 3px;
  background-position: -400px -150px;
}

#mainstay .display {
  width:725px;
  margin-left:10px;
  border:1px solid #C4D5DF;
  padding:8px;
}
/*---------------------page turner--------------------*/
#mainstay .display .page {
  width:725px;
  margin-top:15px;
}

#mainstay .display .page .total_currnet {
  margin-left:20px;
  _margin-left:10px;
}

#mainstay .display .page .total_currnet b {
  color:#007AB0;
  padding-left:3px;
  padding-right:3px;
}

#mainstay .display .page .page_turner {
  float:right;
  margin-right:10px;
  _margin-right:5px;
}

#mainstay .display .index {
  width:723px;
  background:#F2F6F9;
  margin-top:5px;
  padding:10px 0px;
  border:1px solid #DAE3EC;
}

#bottom {
  width:900px;
  height:108px;
  margin:auto;
  background:url(/images/application/bottom.jpg) no-repeat;
  margin-left:50px;
}
#mainstay .display .form .body table input.bb,
.bb {
  float:none;
  background:url(/images/application/button.jpg) no-repeat;
  line-height:30px;
  width:100px;
  height:30px;
  font-size:18px;
  color:white;
  font-weight:bold;
  text-align:center;
  border:0px;
}

#mainstay .display .form .body table a.bb {
  display:inline-block;
  width:100px;
}

.corner
{
  height:1px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-top-left-radius:5px 5px;
  -webkit-border-top-right-radius:5px 5px;
  -webkit-border-bottom-right-radius:5px 5px;
  -webkit-border-bottom-left-radius:5px 5px;
  height:auto;
  padding-bottom:5px;
  float:left;
}

span.validation_error {
  color:#FF0000;
  margin-bottom:10px;
  font-size:12px;
}

input.search {
  width:350px;
  background-image: url("/images/application/input_bg.jpg");
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  color: #13446D;
  font-size: 11px;
  margin-right: 4px;
  padding: 5px;
}

div#modal {
  position:absolute;
  float:none;
  text-align:center;
  z-index:1;
  display:none;
}

div#modal .form {
  float:left;
  background-color:white;
  padding:10px;
  font-size:12px;
  border:10px solid #A6D2EF;
}

div#modal .form .title {
  font-size:15px;
  color:#AD1003;
  font-weight:bold;
  line-height:22px;
  border-bottom:2px solid #B0D7F1;  
  text-align:left;
  padding-left:5px;
  margin-bottom:5px;
}

div#modal .form .body {  
  display: table-cell; 
  vertical-align: middle;
  text-align:center;
  float:none;
}

div#modal .form .title,
div#modal .form .body,
div#modal .form .body fieldset {
  width:500px;
}
div#modal .form .body fieldset {
  width:485px;
  margin-bottom:10px;
}

div#modal .form .body fieldset legend {
  font-weight:bold; 
}
div#modal .form .body dl {
  width:480px;
  line-height:20px;
}

div#modal .form .body dl dt {
  width:80px;
  text-align:right;
  padding-right:10px;
}

div#modal .form .body dl dd {
  text-align:left;
}

div#modal .form .body form dl dt {
  
  line-height:35px;
  font-size:13px;
  font-weight:bold;
}

div#modal .form .body form dl dd {

  line-height:35px;
}

div#modal .form .body form dl input,
div#modal .form .body form dl textarea{
  background-image: url("/images/application/input_bg.jpg");
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  color: #13446D;
  font-size: 11px;
  margin-bottom: 5px;
  margin-right: 4px;
  margin-top: 5px;
  padding: 5px;
  width: 350px;
}

div#modal .form .body form div.b {
  text-align:center;
  width:100%;
}

div#modal .form .body form div.b .bb {
  float:none;
  display:inline-block;  
  margin-right:10px;
}

.hidden {
  display:none;
}

#mainstay .display .index .monomer:hover {
  background:#EFFFD6;
}